<template>
  <div>
    <el-row>
      <el-col :span="18">
        <fieldset style="width:70%;margin-left:160px;margin-bottom:20px">
          <legend>检索服务人与服务对象</legend>
          <div>
            <el-input v-model="filter.name" style="width:250px" placeholder="请输入派发人姓名"></el-input>
            <el-input v-model="filter.certifyID" style="width:250px" placeholder="请输入派发人身份证"></el-input>
            <el-button type="primary">搜索</el-button>
          </div>
          <div style="margin-top:20px">
            <el-input v-model="filter.name" style="width:250px" placeholder="请输入派发人姓名"></el-input>
            <el-input v-model="filter.certifyID" style="width:250px" placeholder="请输入派发人身份证"></el-input>
            <el-button type="primary">搜索</el-button>
          </div>
        </fieldset>
        <fieldset style="width:70%;margin-left:160px;margin-bottom:20px">
          <legend>检索服务人与服务对象</legend>
          <el-form :model="form" label-width="80px">
            <el-form-item label="派发人" style="width:600px">
              <el-input disabled v-model="form.userID" placeholder=""></el-input>
            </el-form-item>
            <el-form-item label="受理人" style="width:600px">
              <el-input disabled v-model="form.acceptedUserID" placeholder=""></el-input>
            </el-form-item>
            <el-form-item label="开始时间">
              <el-date-picker v-model="form.startTime" placeholder=""></el-date-picker>
            </el-form-item>
            <el-form-item label="结束时间">
              <el-date-picker v-model="form.endTime" placeholder=""></el-date-picker>
            </el-form-item>
            <el-form-item label="备注" style="width:600px">
              <el-input type="textarea" v-model="form.remark" placeholder=""></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary">确认派发</el-button>
            </el-form-item>
          </el-form>
        </fieldset>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        filter: {
          name: '',
          type: ''
        },
        form: {
          userID: '', //        '派发任务的人的ID',
          acceptedUserID: '', // '接受任务人的用户ID号',
          startTime: '', //       datetime,
          endTime: '', //              datetime,
          remark: '' //               varchar(1000),
        }
      }
    }
  }

</script>

<style scoped>


</style>
